<style>
    .m-title{
        color: white;
    }
    .m-toolbar{
        background-color: #0066cc;
    }
    .login-brand {
        font-size: 30px;
        color: #333333;
        margin-bottom: 30px;
    }
    .text-skin {
        color: #2baab1;
    }
    .panel-footer-noborder {
        border: 0px;
    }
    .panel-footer{
        background-color: white;
    }
</style>
<script>
    var remember = {{ remember | json_encode }} == 'true' ? true : false ;
    var trust = {{ trust | json_encode }} == 'false' ? false : true;
</script>
<div class="easyui-navpanel">
    <div class="login-brand text-center" style="margin-top: 20px;">
        <strong class="text-skin">学海教育 </strong>
    </div>
    <div style="margin:20px auto;width:100px;height:100px;border-radius:100px;overflow:hidden">
        <img src="https://xuehaifile.oss-cn-hangzhou.aliyuncs.com/xhtest/664588bb4aab43d6979d2169a03b891f.png" style="margin:0;width:100%;height:100%;">
    </div>
    <div style="padding:0 20px">
        <div style="margin-bottom:10px">
            <input id="account" class="easyui-textbox" data-options="prompt:'账号/手机',iconCls:'icon-man'" value="{{ account }}" style="width:100%;height:38px">
        </div>
        {% if password is defined %}
                <div style="margin-bottom:10px">
                    <input  id="password" class="easyui-passwordbox" data-options="prompt:'密码',showEye: false" value="{{ password }}" style="width:100%;height:38px">
                </div>
            {% else %}
                <div style="margin-bottom:10px">
                    <input  id="password" class="easyui-passwordbox" data-options="prompt:'密码',showEye: false" value="{{ password }}" style="width:100%;height:38px">
                </div>
        {% endif %}

        <div id="sendMsg" >
            <div style="margin-bottom:10px">
                <input  id="phone" type="number" class="easyui-numberbox" style="width:100%" data-options="prompt:'输入手机号',buttonText: '发送验证码'">
            </div>
            <div style="margin-bottom:10px">
                <input  id="smsCode" type="number" class="easyui-numberbox" style="width:100%" data-options="prompt:'请输入收到的验证码'">
            </div>
        </div>

        <div style="margin-bottom:10px">
            <input  class="easyui-switchbutton" id="remember" style="width: 80px" data-options="onText:'记住密码',offText:'取消记住'" >
            <input  class="easyui-switchbutton" id="trust" style="width: 80px" data-options="onText:'信任设备',offText:'取消信任'"  >
        </div>
        <div style="text-align:center;width: 100%;margin-top: 30px; ">
            <a id="login" class="easyui-linkbutton" style="height:40px;width: 100%;vertical-align:middle;" ><span style="font-size:16px">登录</span></a>
        </div>
        {#<div style="text-align:center;width: 100%;margin-top: 30px; ">#}
            {#<a   href="http://xuehaifile.oss-cn-hangzhou.aliyuncs.com/XHSVADAPBUABML/074CA6B170F0321626BA92D8CDAE0580.apk" style="height:40px;width: 100%;vertical-align:middle;" ><span style="font-size:16px">登录</span></a>#}
        {#</div>#}
         {#<iframe src="http://xuehaifile.oss-cn-hangzhou.aliyuncs.com/XHSVADAPBUABML/074CA6B170F0321626BA92D8CDAE0580.apk"></iframe>#}
        {#<div style="text-align:center;margin-top:30px">#}
            {#<a href="#" class="easyui-linkbutton" plain="true" outline="true" style="width:100px;height:35px"><span style="font-size:16px">Register</span></a>#}
        {#</div>#}
    </div>
    <footer>
        <div class="m-toolbar" style="background-color: white">
            <div id="footer" class="m-title" ></div>
        </div>
    </footer>
</div>
